<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Lettuce Framework</title>
    <meta name="keywords" content="lettuce,lettuce.js,mobile cms,mobile framework">
    <meta name="description" content="A Mobile Framework for Romantics. Create wheel for fun">
    <link rel="stylesheet" href="assets/css/main.css"/>
</head>
<body>

<div class="content">
    <nav class="menu">
        <ul>
            <li><a href="/">Lettuce</a></li>
            <li><a href="http://lettuce.phodal.com/">Home</a></li>
            <li><a href="https://github.com/phodal/lettuce">Github</a></li>
        </ul>
    </nav>

    <div class="lettuce">
        <header class="header">
            <h1>Lettuce Framework</h1>
            <nav class="header__nav">
                <ul class="header__nav-list">
                    <li class="nav-item"><a href=".">Home</a></li>
                    <li class="nav-item"><a href="#about">About</a></li>
                    <li class="nav-item"><a href="#what">What</a></li>
                    <li class="nav-item"><a href="#why">Why</a></li>
                </ul>
            </nav>
        </header>
        <header>
            <h1>Lettuce Framework</h1>

            <h2>A Framework For Romantic.写了很多代码,用的都是框架，最后不知道收获什么了?</h2>
        </header>
        <img class="logo" src="lettuce.png" title="Lettuce Framework"/>
    </div>

    <div class="about">
        <div id="results">
            Inspired by:
            <ul>
                <li><a href="">Backbone</a></li>
                <li><a href="">JavaScript-Templates</a></li>
                <li><a href="">Router</a></li>
                <li><a href="">jQuery</a></li>
            </ul>
        </div>
    </div>
</div>
<footer>
    <p>Copyright 999 <a href="http://www.phodal.com" title="Fengda Huang">Phodal Huang</a> & ?(will be you)</p>
</footer>

<script src="../dist/lettuce.js"></script>
<script src="assets/js/app.js"></script>

</body>
</html>
